<template>
  <div class="lcds-root-container">
    <el-collapse v-model="collapseActive" :accordion="false">
      <el-collapse-item title="折叠面板标题" :name="0">
        <CollapsePanel01 />
      </el-collapse-item>

      <el-collapse-item title="折叠面板标题" :name="1">
        <CollapsePanel02 />
      </el-collapse-item>

      <el-collapse-item title="折叠面板标题3" :name="2">
        <CollapsePanel03 />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script setup>
import { ref } from 'vue';

import CollapsePanel01 from './components/collapsePanel01/index.vue';
import CollapsePanel02 from './components/collapsePanel02/index.vue';
import CollapsePanel03 from './components/collapsePanel03/index.vue';
defineOptions({
  name: 'FoldPage'
});

const collapseActive = ref([0]);
</script>
